<template>
  <div>
    <ElButton @click="show" type="primary">点击</ElButton>
    <!-- <div i-ant-design:apple-filled></div>
  <div i-ant-design:apple-filled icon></div> -->
    <SvgIcon
      icon-name="token-branded:1art"
      custom-class="text-blue-100 bg-current"
      @click="show"
    ></SvgIcon>

    <SvgIcon
      icon-name="https://zishui.oss-cn-beijing.aliyuncs.cor/Bugfilled.svg"
      custom-class="text-blue-100 bg-current w-1rem h-1rem"
      @click="show"
    ></SvgIcon>

    <SvgIcon
      icon-name="material-symbols-light:13mp-sharp"
      custom-class="bg-color"
    ></SvgIcon>
    <input type="text" />
  </div>
</template>
<script lang="ts" setup>
import SvgIcon from "@/components/SvgIcon/SvgIcon.vue";
import { ref } from "vue";

const { proxy } = getCurrentInstance()!; //获取当前Vue的实例
const a = ref(0);
const show = () => {
  //alert(12);
  // ElMessage("123132132");
  console.log(proxy);
  proxy?.$message("消息组件");
  proxy?.$notify("消息组件");
};
console.log(a.value);
</script>

<style lang="scss">
.bg-color {
  background-color: black;
  width: 10px;
  height: 10px;
}
</style>
